<script setup>
defineProps({
  required: true,
  title: String
})
</script>

<template>
  <el-card shadow="always" class="page-container">
<!--    <template #header>-->
<!--      <div class="header">-->
<!--        &lt;!&ndash;        父传子&ndash;&gt;-->
<!--        <span>{{ title }}</span>-->
<!--        <div class="extra">-->
<!--          &lt;!&ndash;          具名插槽&ndash;&gt;-->
<!--          <slot name="extra"></slot>-->
<!--        </div>-->
<!--      </div>-->
<!--    </template>-->
    <!--    默认插槽-->
    <slot></slot>
    <template #footer>
      <slot name="page"></slot>
    </template>
  </el-card>
</template>

<style lang="scss" scoped>
.page-container {
  //min-height: 80%;
  width: 98%;
  margin: 0 auto;
  margin-top: 8px;
  box-sizing: border-box;

.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: Arial;
  font-weight: 300;
  font-size: 28px;
}

}
</style>
